<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>
<h3>Đăng ký tài khoản</h3>
    <form action="index.html" method="post" id="register" onSubmit="return validFormRegister(this,'');">
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Họ &amp; Tên đệm:
            </span>
            <span class="col-r">
                <input type="text" id="lastName" name="lastName" style="width:80px;" minlength="3" maxlength="40" />
            </span>
            <span class="col-l" style="width:30px;">
                <span class="abbr">*</span>Tên:
            </span>
            <span class="col-r">
                <input type="text" id="firstName" name="firstName" style="width:47px;" minlength="3" maxlength="40" />
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Tài khoản:
            </span>
            <span class="col-r">
                <input type="text" id="newAccount" name="newAccount" minlength="6" maxlength="24" />
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Mật khẩu:
            </span>
            <span class="col-r">
                <input type="password" id="newPass" name="newPass" minlength="6" maxlength="32" />
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Nhập lại mật khẩu:
            </span>
            <span class="col-r">
                <input type="password" id="confirmNewPass" name="confirmNewPass" minlength="6" maxlength="32" />
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Email:
            </span>
            <span class="col-r">
                <input type="email" id="email" name="email" />
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Nhập lại email:
            </span>
            <span class="col-r">
                <input type="email" id="confirmEmail" name="confirmEmail" />
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Giới tính:
            </span>
            <span class="col-r">
                <label>
                    <input id="genderMan" name="gender" checked type="radio" value="0" />
                    Nam
                </label>
                <label>
                    <input id="genderWoman" name="gender" type="radio" value="1" />
                    Nữ
                </label>
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">*</span>Ngày Sinh:
            </span>
            <span class="col-r">
                <input type="date" id="date" name="date" />
            </span>
            <div class="clear"></div>
            <span class="col-l">
                <span class="abbr">&nbsp;</span>
            </span>
            <span class="col-r" style="color:#FFF;">
                (Định dạng ngày:YYYY-MM-DD)
            </span>
        </div>
        <div class="row" style="height:20px;">
            <span class="col-l">
                <span class="abbr">&nbsp;</span>
            </span>
            <span class="col-r">
                <input id="chkAgree" type="checkbox" value="1" name="chkAgree">
                Đồng ý với
                <a target="_blank" href="#"> thỏa thuận sử dụng</a>
            </span>
            <div class="clear"></div>
        </div>
        <div class="row" style="height:20px;">
            <span class="col-l">
                <span class="abbr">&nbsp;</span>
            </span>
            <span class="col-r">
                <input id="receiver" type="checkbox" value="2" name="receiver">
                Đăng ký nhận bản tin
            </span>
            <div class="clear"></div>
        </div>
        <div class="row">
            <span class="col-l">
                <span class="abbr">&nbsp;</span>
            </span>
            <span class="col-r">
                <input id="register" type="submit" value="Đăng ký">
                <input id="reset" type="reset" value="Nhập lại">
            </span>
            <div class="clear"></div>
        </div>
</form>
<script type="text/javascript">
$('#register *').each(function() {
	if(this.type=='text'||this.type=='password'||this.type=='email'||this.type=='date')
	{
		$(this).blur(function(){
			
			validFormRegister(this.form,this.name);	
		});
	}
});
</script>
</body>
</html>
